<template>
  <div>
    <v-header :seller='seller'></v-header>
   	<div class="tab">
      <div class="tab-item">
        <a href="#" v-link="{path:'/goods'}">商品</a>
      </div>
      <div class="tab-item">
        <a href="#" v-link="{path:'/ratings'}">评论</a>
      </div>
      <div class="tab-item">
        <a href="#" v-link="{path:'/seller'}">商家</a>
      </div>
   	</div>
    <router-view :seller="seller">
    </router-view>
  </div>
</template>
<script type='text/ecmascript-6'>
  import {urlParse} from 'common/js/util';
  import header from './components/header/header.vue';
  const ERR_OK = 0;
  export default {
    // 数据
    data () {
      return {
        seller: {
          // 从Url里面获取到ID
          id: (() => {
            let queryParm = urlParse();
            console.log(queryParm);
            return queryParm.id;
          })()
        }
      };
    },
    created() {
      this.$http.get('./api/seller?id=' + this.seller.id).then((res) => {
        console.log('创建成功');
        res = res.body;
        console.log(res);
        if (res.errno === ERR_OK) {
          this.seller = res.data;
          // console.log('this.seller');
          // 保存获取的到id  vue中扩展对象的方法
          this.seller = Object.assign({}, this.seller, res.data);
          console.log(this.seller.id);
        }
      });
    },
    components: {
      'v-header': header
    }
  };
</script>

<style lang='stylus' rel='stylesheet/stylus'>
    @import './common/stylus/minxin.styl';
    .tab
      display:flex
      width:100%
      height:40px
      line-height:40px
      border-1px(rgba(7,17,27,0.1))
      .tab-item
        flex:1
        text-align:center
        & > a
          display:block
          text-decoration: none;
          font-size:14px
          color:rgb(77,85,93)
          &.active
            color:rgb(240,20,20)
</style>

